<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button type="button" onclick="getdata()">提交</button>
		<div class="content"></div>
		<script type="text/javascript">
		let con=document.querySelector('.content')
		function getdata(){
			let xhr=new XMLHttpRequest()
			xhr.open('POST','post.php')//GET、POST使用非表单的形式提交数据
			xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded')
			xhr.send("username=zhangsan&sex=nv")
			xhr.onreadystatechange=()=>{
				if(xhr.readyState!=4) return
				if(xhr.readyState==4 || xhr.status==200){
					con.innerHTML=xhr.responseText
				}
			}
		}
			
		//传统post请求的时候，一般情况下会使用表单。如果使用了表单就要加上请求头。
		</script>
	</body>	
</html>
